<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@include file="/pageRc/common/common.jsp"%>

<!DOCTYPE html>
<html lang="en" style="overflow-x: hidden">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
	content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="msapplication-tap-highlight" content="no">

<link rel="stylesheet" href="<%=commonPath%>/pageRc/layui/css/layui.css"
	media="all">
<script type="text/javascript"
	src="<%=commonPath%>/pageRc/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript"
	src="<%=commonPath%>/pageRc/common/utils.js"></script>
<script type="text/javascript"
	src="<%=commonPath%>/pageRc/common/msgTool.js"></script>
<script type="text/javascript"
	src="<%=commonPath%>/pageRc/layui/layui.js"></script>

<title>需求计划详细信息</title>

<script>
	$(function(){
	 
 	})
	//注意：选项卡 依赖 element 模块，否则无法进行工能性操作
	layui.use('element', function() {
		var element = layui.element();

		//…
	});
</script>
<jsp:include page="publicMethod.jsp" />
</head>
<body class="layui-main" style="width: 100%;">
		<form id="createMsgForm" name="createMsgForm" class="layui-form"
			action="">
			
				<div class="layui-inline" style ="margin:0 30px 0 80px">
					<table class="layui-table"  lay-even="" lay-skin="line"
						style="text-align: center;width: 100%;">
						<tr> <th colspan="2" style="text-align:center;">变更前</th></tr>
						 <c:forEach begin="0"   varStatus="status" items="${InfoList}" var="x">
						 		  <tr align="left"> <th>需求编号</th><td>${x.needNo==undefined?'':x.needNo}</td> </tr>
								  <tr align="left"> <th>需求酝酿</th><td>${x.need_Brewing_Old==undefined?'':x.need_Brewing_Old}</td> </tr>
								  <tr align="left"> <th>需求分析</th><td>${x.need_Analysis_Old==undefined?'':x.need_Analysis_Old}</td> </tr>
								  <tr align="left"> <th>需求确认</th> <td>${x.need_Confirm_Old==undefined?'':x.need_Confirm_Old}</td>  </tr>
								  <tr align="left"> <th>需求评审</th> <td>${x.need_Review_Old==undefined?'':x.need_Review_Old}</td> </tr>
								 <tr align="left">  <th>技术评审</th><td>${x.technical_Review_Old==undefined?'':x.technical_Review_Old} </td> </tr>
								  <tr align="left"> <th>开发联调</th><td>${x.develop_Joint_Old==undefined?'':x.develop_Joint_Old}</td> </tr>
								 <tr align="left">  <th>SIT测试</th><td>${x.sit_Test_Old==undefined?'':x.sit_Test_Old}</td> </tr>
								 <tr align="left">  <th>UAT测试</th><td>${x.uat_Test_Old==undefined?'':x.uat_Test_Old}</td> </tr>
								 <tr align="left"> <th>需求上线</th> <td>${x.need_Online_Old==undefined?'':x.need_Online_Old}</td> </tr>
								 <tr align="left">  <th>回顾总结</th><td>${x.back_Review_Old==undefined?'':x.back_Review_Old}</td> </tr>
 						 </c:forEach>
					</table>
				</div>
		
		<div class="layui-inline" style ="margin-left: 20px">
					<table class="layui-table"  lay-even="" lay-skin="line"
						style="text-align: center;width: 100%;">
						<tr> <th colspan="2" style="text-align:center;">变更后</th></tr>
						 <c:forEach begin="0"   varStatus="status" items="${InfoList}" var="x">
						 		  <tr align="left"> <th>需求编号</th><td>${x.needNo==undefined?'':x.needNo}</td> </tr>
								  <tr align="left"> <th>需求酝酿</th>
								  <c:if test="${x.need_Brewing == x.need_Brewing_Old}">
								  <td>${x.need_Brewing==undefined?'':x.need_Brewing}</td>
								  </c:if>
								   <c:if test="${x.need_Brewing != x.need_Brewing_Old}">
								  <td style="color:red">${x.need_Brewing==undefined?'':x.need_Brewing}</td>
								  </c:if> 
								   </tr>
								  <tr align="left"> <th>需求分析</th>
								  <c:if test="${x.need_Analysis == x.need_Analysis_Old}">
								  <td>${x.need_Analysis==undefined?'':x.need_Analysis}</td>
								  </c:if>
								   <c:if test="${x.need_Analysis != x.need_Analysis_Old}">
								  <td style="color:red">${x.need_Analysis==undefined?'':x.need_Analysis}</td>
								  </c:if> 
								   </tr>
								  <tr align="left"> <th>需求确认</th> 
								  <c:if test="${x.need_Confirm == x.need_Confirm_Old}">
								  <td>${x.need_Confirm==undefined?'':x.need_Confirm}</td>
								  </c:if>
								   <c:if test="${x.need_Confirm != x.need_Confirm_Old}">
								  <td style="color:red">${x.need_Confirm==undefined?'':x.need_Confirm}</td>
								  </c:if> 
								    </tr>
								  <tr align="left"> <th>需求评审</th>
								   <c:if test="${x.need_Review == x.need_Review_Old}">
								  <td>${x.need_Review==undefined?'':x.need_Review}</td>
								  </c:if>
								   <c:if test="${x.need_Review != x.need_Review_Old}">
								  <td style="color:red">${x.need_Review==undefined?'':x.need_Review}</td>
								  </c:if> 
								   </tr>
								 <tr align="left">  <th>技术评审</th>
								 <c:if test="${x.technical_Review == x.technical_Review_Old}">
								  <td>${x.technical_Review==undefined?'':x.technical_Review}</td>
								  </c:if>
								   <c:if test="${x.technical_Review != x.technical_Review_Old}">
								  <td style="color:red">${x.technical_Review==undefined?'':x.technical_Review}</td>
								  </c:if> 
								 </tr>
								  <tr align="left"> <th>开发联调</th>
								  <c:if test="${x.develop_Joint == x.develop_Joint_Old}">
								  <td>${x.develop_Joint==undefined?'':x.develop_Joint}</td>
								  </c:if>
								   <c:if test="${x.develop_Joint != x.develop_Joint_Old}">
								  <td style="color:red">${x.develop_Joint==undefined?'':x.develop_Joint}</td>
								  </c:if> 
								   </tr>
								 <tr align="left">  <th>SIT测试</th>
								<c:if test="${x.sit_Test == x.sit_Test_Old}">
								  <td>${x.sit_Test==undefined?'':x.sit_Test}</td>
								  </c:if>
								   <c:if test="${x.sit_Test != x.sit_Test_Old}">
								  <td style="color:red">${x.sit_Test==undefined?'':x.sit_Test}</td>
								  </c:if> 
								 </tr>
								 <tr align="left">  <th>UAT测试</th>
								<c:if test="${x.uat_Test == x.uat_Test_Old}">
								  <td>${x.uat_Test==undefined?'':x.uat_Test}</td>
								  </c:if>
								   <c:if test="${x.uat_Test != x.uat_Test_Old}">
								  <td style="color:red">${x.uat_Test==undefined?'':x.uat_Test}</td>
								  </c:if> 
								  </tr>
								 <tr align="left"> <th>需求上线</th> 
								<c:if test="${x.need_Online == x.need_Online_Old}">
								  <td>${x.need_Online==undefined?'':x.need_Online}</td>
								  </c:if>
								   <c:if test="${x.need_Online != x.need_Online_Old}">
								  <td style="color:red">${x.need_Online==undefined?'':x.need_Online}</td>
								  </c:if> 
								  </tr>
								 <tr align="left">  <th>回顾总结</th>
								<c:if test="${x.back_Review == x.back_Review_Old}">
								  <td>${x.back_Review==undefined?'':x.back_Review}</td>
								  </c:if>
								   <c:if test="${x.back_Review != x.back_Review_Old}">
								  <td style="color:red">${x.back_Review==undefined?'':x.back_Review}</td>
								  </c:if> 
								  </tr>
 						 </c:forEach>
					</table>
				</div>
		
		</form>

</body>
<script type="text/javascript">
var path="<%=commonPath%>";
	var msg = new msgTool();
	layui.use([ 'form', 'layer', 'laytpl', 'laypage', 'laydate' ],
	function() {
	var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
						var form = layui.form(), layer = layui.layer, laypage = layui.laypage, laytpl = layui.laytpl;




});
	
</script>
</html>